<template>
  <div>
    <a-form-model ref="form" slot="detail">
      <a-row>
        <a-col :span="24">
          <a-form-model-item label="任务类型" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="labourType">
            <span>施工工序</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="工序名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="labourMoney">
            <span>{{record.itemName}}</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="计划开工时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="projectAddress">
            <span>{{record.startWorkTime}}</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="计划结束时间" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="labourBeginTime">
            <span>{{record.endWorkTime}}</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="工期/天" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="workDeadline">
            <span>{{record.workTimeLimit}}</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="负责人" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remarks">
            <span>{{record.personInCharge}}</span>
          </a-form-model-item>
        </a-col>
        <a-col :span="24">
          <a-form-model-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="remarks">
            <span>{{record.itemRemark == null ? "暂无":record.itemRemark}}</span>
          </a-form-model-item>
        </a-col>
      </a-row>
    </a-form-model>
  </div>
</template>

<script>
  export default {
    name: 'progressBaseInfo',
    props: {
      record: {}
    },
    data () {
      return {
        labelCol: {
          xs: {span: 24},
          sm: {span: 5},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 16},
        },
        model:{},
        previewVisible: false,
        previewImage: '',
        confirmLoading: true,
      }
    },
  }
</script>

<style scoped>

</style>